@import 'less/variables.less';
@import 'less/mixins.less';



*, *:before, *:after {
	// -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	.box-sizing(border-box);
 }

a:focus {
  outline: none;
  outline-offset: -2px;
}

body {
	background-color: @lightestgrey;
}

.container {
	.background-cover();
	width: 100%;
	height: 805px;
}

header {
	padding-top: 50px;
	@navbarColor: @lightgrey;

	.navbar {
		margin: 0;
		.gradientBar(@navbarColor, darken(@navbarColor, 15%), @fontcolor-dark);
		border-color: darken(@navbarColor, 15%);//#16BF14;

		.active {
			a {
				background-color: darken(@navbarColor, 20%) !important;
			}
		}
	}
}

// .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
//   background-color: darken(@primary, 25%);
//   color: @fontcolor-dark;
// }

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;

	&.row {
		margin: 0;
	}

	.navbar {
		.gradientBar(darken(@primary, 15%); @primary; @fontcolor-dark;);


		margin-bottom: 0;
	}
}

nav {
	.navbar-header {
		.navbar-brand {
			font-size: 24px;
			color: #262626;
			font-weight: 700;
			text-transform: uppercase;
		}
	}
}

.transparent {
	background-color: rgba(255, 255, 255, 0);
}

.jumbotron {
	margin-left: 25%;
	margin-top: 18%;
	width: 50%;
	padding: 0;

	h1 {
		border: 0 none;
		color: #F2F2F2 !important;
		font-size: 123px;
		font-weight: lighter;
		line-height: 100px;
		margin: 0;
		padding: 0;
		text-align: center !important;
		text-decoration: none !important;
		text-transform: uppercase;
	}

	h2 {
		color: #F2F2F2;
		line-height: 0;
		text-align: right;
	}
}